<template>
  <p style="text-align:center">南宁软件园中心 - 梁世燊 - JSDTN240308 - 林雄日</p>
      <div class="lxr-page-short-rent">
        <div class="lxr-content lxr-main">
          <aside class="lxr-page-aside">
            <div class="lxr-com-aside-panel-wrapper">
              <header>
                <h3>上海租车筛选</h3>
              </header>
              <div class="lxr-bd">
                <div class="lxr-com-short-rent-filter">
                  <header>
                    <h4>热租城市</h4>
                    <a href="#">更多城市</a><!--  TODO  这里还要加气泡卡片       --><!--  TODO  这里还要加气泡卡片       -->
                  </header>
                  <div class="lxr-list">
                    <div class="lxr-item"><a href="https://beijing.atzuche.com">北京</a></div>
                    <div class="lxr-item"><a href="https://shanghai.atzuche.com">上海</a></div>
                    <div class="lxr-item"><a href="https://hangzhou.atzuche.com">杭州</a></div>
                    <div class="lxr-item"><a href="https://chengdu.atzuche.com">成都</a></div>
                    <div class="lxr-item"><a href="https://nanjing.atzuche.com">南京</a></div>
                    <div class="lxr-item"><a href="https://shenzhen.atzuche.com">深圳</a></div>
                    <div class="lxr-item"><a href="https://guangzhou.atzuche.com">广州</a></div>
                    <div class="lxr-item"><a href="https://huhehaote.atzuche.com">呼和浩特</a></div>
                    <div class="lxr-item"><a href="https://wuxi.atzuche.com">无锡</a></div>
                    <div class="lxr-item"><a href="https://baoding.atzuche.com">保定</a></div>
                    <div class="lxr-item"><a href="https://shijiazhuang.atzuche.com">石家庄</a></div>
                    <div class="lxr-item"><a href="https://luoyang.atzuche.com">洛阳</a></div>
                    <div class="lxr-item"><a href="https://shenyang.atzuche.com">沈阳</a></div>
                    <div class="lxr-item"><a href="https://chongqing.atzuche.com">重庆</a></div>
                    <div class="lxr-item"><a href="https://jinan.atzuche.com">济南</a></div>
                    <div class="lxr-item"><a href="https://haerbing.atzuche.com">哈尔滨</a></div>
                    <div class="lxr-item"><a href="https://lanzhou.atzuche.com">兰州</a></div>
                    <div class="lxr-item"><a href="https://changzhou.atzuche.com">常州</a></div>
                    <div class="lxr-item"><a href="https://dali.atzuche.com">大理</a></div>
                    <div class="lxr-item"><a href="https://taiyuan.atzuche.com">太原</a></div>
                    <div class="lxr-item"><a href="https://suzhou.atzuche.com">苏州</a></div>
                    <div class="lxr-item"><a href="https://tianjin.atzuche.com">天津</a></div>
                    <div class="lxr-item"><a href="https://zhuhai.atzuche.com">珠海</a></div>
                    <div class="lxr-item"><a href="https://fuzhou.atzuche.com">福州</a></div>
                    <div class="lxr-item"><a href="https://lijiang.atzuche.com">丽江</a></div>
                    <div class="lxr-item"><a href="https://xining.atzuche.com">西宁</a></div>
                    <div class="lxr-item"><a href="https://dongguan.atzuche.com">东莞</a></div>
                    <div class="lxr-item"><a href="https://hefei.atzuche.com">合肥</a></div>
                    <div class="lxr-item"><a href="https://ningbo.atzuche.com">宁波</a></div>
                    <div class="lxr-item"><a href="https://wulumuqi.atzuche.com">乌鲁木齐</a></div>
                    <div class="lxr-item"><a href="https://kunming.atzuche.com">昆明</a></div>
                    <div class="lxr-item"><a href="https://sanya.atzuche.com">三亚</a></div>
                    <div class="lxr-item"><a href="https://haikou.atzuche.com">海口</a></div>
                    <div class="lxr-item"><a href="https://guiyang.atzuche.com">贵阳</a></div>
                    <div class="lxr-item"><a href="https://zhenzhou.atzuche.com">郑州</a></div>
                    <div class="lxr-item"><a href="https://dalian.atzuche.com">大连</a></div>
                    <div class="lxr-item"><a href="https://changsha.atzuche.com">长沙</a></div>
                    <div class="lxr-item"><a href="https://wuhan.atzuche.com">武汉</a></div>
                    <div class="lxr-item"><a href="https://foushan.atzuche.com">佛山</a></div>
                    <div class="lxr-item"><a href="https://qingdao.atzuche.com">青岛</a></div>
                    <div class="lxr-item"><a href="https://xiamen.atzuche.com">厦门</a></div>
                  </div>
                  <header>
                    <h4>热门品牌</h4>
                    <a href="#">全部品牌</a>
                    <!--  TODO  这里还要加气泡卡片       -->
                  </header>
                  <div class="lxr-list">
                    <div class="lxr-item"><a>全部</a></div>
                    <div class="lxr-item"><a>欧拉</a></div>
                    <div class="lxr-item"><a>阿维塔</a></div>
                    <div class="lxr-item"><a>极狐</a></div>
                    <div class="lxr-item"><a>奔驰</a></div>
                    <div class="lxr-item"><a>比亚迪</a></div>
                    <div class="lxr-item"><a>奥迪</a></div>
                    <div class="lxr-item"><a>雷克萨斯</a></div>
                    <div class="lxr-item"><a>小鹏</a></div>
                    <div class="lxr-item"><a>蔚来</a></div>
                    <div class="lxr-item"><a>理想</a></div>
                    <div class="lxr-item"><a>本田</a></div>
                    <div class="lxr-item"><a>丰田</a></div>
                    <div class="lxr-item"><a>宝马</a></div>
                    <div class="lxr-item"><a>玛莎拉蒂</a></div>
                    <div class="lxr-item"><a>捷豹</a></div>
                    <div class="lxr-item"><a>保时捷</a></div>
                    <div class="lxr-item"><a>迷你</a></div>
                    <div class="lxr-item"><a>凯迪拉克</a></div>
                    <div class="lxr-item"><a>特斯拉</a></div>
                    <div class="lxr-item"><a>别克</a></div>
                    <div class="lxr-item"><a>大众</a></div>
                    <div class="lxr-item"><a>福特</a></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="lxr-com-aside-panel-wrapper">
              <header>
                <h3>上海租车资讯</h3>
                <a href="https://shanghai.atzuche.com/news/310100-default" class="lxr-more">更多</a>
              </header>
              <div class="lxr-bd">
                <div class="lxr-com-short-rent-news">
                  <a href="/news/310100-default-2863" class="lxr-news-item"><span
                      class="lxr-p">租车需要注意的事项,怎么样租车不踩坑？</span><span class="lxr-dot"></span>[查看]</a>
                  <a href="/news/310100-default-2862" class="lxr-news-item"><span
                      class="lxr-p">商务车租赁公司哪家好？  </span><span class="lxr-dot"></span>[查看]</a>
                  <a href="/news/310100-default-2861" class="lxr-news-item"><span
                      class="lxr-p">租车公司报价表,租车一天的大概多少钱？</span><span class="lxr-dot"></span>[查看]</a>
                  <a href="/news/310100-default-2860" class="lxr-news-item"><span
                      class="lxr-p">租车需要什么手续以及费用？新手租车指南</span><span class="lxr-dot"></span>[查看]</a>
                  <a href="/news/310100-default-2859" class="lxr-news-item"><span
                      class="lxr-p">新手租车攻略：第一次租车需要注意什么？</span><span class="lxr-dot"></span>[查看]</a>
                  <a href="/news/310100-default-2858" class="lxr-news-item"><span
                      class="lxr-p">上海租车公司哪家好？便宜靠谱租车平台推荐</span><span
                      class="lxr-dot"></span>[查看]</a>
                  <a href="/news/310100-default-2857" class="lxr-news-item"><span
                      class="lxr-p">商务车租赁平台哪个好—凹凸租车的优势体现</span><span
                      class="lxr-dot"></span>[查看]</a>
                  <a href="/news/310100-default-2856" class="lxr-news-item"><span
                      class="lxr-p">共享汽车怎么租车怎么收费？攻略在此！</span><span class="lxr-dot"></span>[查看]</a>
                  <a href="/news/310100-default-2855" class="lxr-news-item"><span
                      class="lxr-p">租车平台哪个好?便宜靠谱?租车平台评测对比</span><span
                      class="lxr-dot"></span>[查看]</a>
                  <a href="/news/310100-default-2854" class="lxr-news-item"><span
                      class="lxr-p">租车价格明细表，哪家租车平台收费比较划算？</span><span
                      class="lxr-dot"></span>[查看]</a>
                </div>
              </div>
            </div>
            <div class="lxr-com-aside-panel-wrapper">
              <header>
                <h3>租车常见问题</h3>
                <a href="https://www.atzuche.com/rentqa/310100-1 " class="lxr-more">更多</a>
              </header>
              <div class="lxr-bd">
                <div class="lxr-com-short-rent-qa">
                  <div class="lxr-item">
                    <h3>北京租车平台哪个好</h3>
                    <p>凹凸租车作为国内知名的新兴租车平台，提供了全新的租车体验，以共享模式将线上与线下的租车服务完美融合。以下是推荐凹凸租车的原因：
                      丰富的车型选择：凹凸租车拥有从经济型到豪华型，从轿车到SUV，从MPV到跑车等各类车型，能满足不同消费者的个性需求。无论您是希望驾驶经济实惠的日常用车，还是希望体验豪华舒适的商务用车，凹凸租车都能为您提供合适的选择。
                      便捷的预订和取还车流程：凹凸租车提供了在线预订平台，您只需通过手机或电脑就能完成预订。在预订时，您可以自由选择取车时间和地点，还车也同样简单，只需将车开回取车地点，通过手机应用上传还车照片，即可完成还车。
                      高品质的服务：凹凸租车重视每一位消费者的需求。他们提供24小时的客户服务，无论您遇到任何问题，都可以得到及时解决。他们的车辆都经过严格的专业检查，确保每一辆车都处于最佳状态。此外，凹凸租车还提供包括全保险、免费WiFi、道路救援等在内的全方位服务。
                      性价比高的价格：凹凸租车的价格相对其他传统租车平台更具有竞争力。他们通过优化供应链、提高运营效率等方式，为消费者提供更实惠的价格。同时，他们的会员体系也提供更多的优惠和特权。
                      广泛的覆盖范围：凹凸租车的服务覆盖了全国主要的大中城市，无论您身处何地，都可以享受到他们的服务。特别在北京，凹凸租车的服务点遍布各区，无论是机场接送，还是市内用车，都能为您提供便捷的服务。
                      综上所述，凹凸租车以其独特的优势，成为了北京地区值得推荐的租车平台之一。他们以卓越的服务、丰富的车型选择、便捷的预订和取还车流程以及性价比高的价格，赢得了消费者的认可和信赖。</p>
                  </div>
                  <div class="lxr-item">
                    <h3>上海租车平台哪个好</h3>
                    <p>上海租车平台哪个好，凹凸租车作为国内知名的新兴租车平台，提供了全新的租车体验，以共享模式将线上与线下的租车服务完美融合。以下是推荐凹凸租车的原因：
                      丰富的车型选择：凹凸租车拥有从经济型到豪华型，从轿车到SUV，从MPV到跑车等各类车型，能满足不同消费者的个性需求。
                      便捷的预订和取还车流程：通过凹凸租车的手机应用或网站平台，您可以轻松选择需要的车型、日期、时间等细节，然后在线支付。完成预订后，只需按照约定时间到指定的取车
                      地点，用手机应用扫描车辆上的二维码，即可完成取车。还车也同样简单，只需将车开回取车地点，通过手机应用上传还车照片，即可完成还车。
                      高品质的服务：凹凸租车重视每一位消费者的需求。他们提供24小时的客户服务，无论您遇到任何问题，都可以得到及时解决。他们的车辆都经过严格的专业检查，确保每一辆车都处于最佳状态。此外，凹凸租车还提供包括全保险、免费WiFi、道路救援等在内的全方位服务。
                      性价比高的价格：凹凸租车的价格相对其他传统租车平台更具有竞争力。他们通过优化供应链、提高运营效率等方式，为消费者提供更实惠的价格。同时，他们的会员体系也提供更多的优惠和特权。
                      广泛的覆盖范围：凹凸租车的服务覆盖了全国主要的大中城市，无论您身处何地，都可以享受到他们的服务。
                      综上所述，凹凸租车以其独特的优势，成为了上海地区值得推荐的租车平台之一。他们以卓越的服务、丰富的车型选择、便捷的预订和取还车流程以及性价比高的价格，赢得了消费者的认可和信赖。</p>
                  </div>
                  <div class="lxr-item">
                    <h3>租车公司哪家好？怎么选</h3>
                    <p>选择租车公司可以考虑以下几个重要的方面：
                      车型和车况。不同的租车公司会有不同的车型和车况，在选择租车公司时，需要了解他们的车型和车况，并选择符合自己需求的车型。同时，需要注意车辆的状况，如车辆的年限、里程数、保险等。
                      价格和性价比。租车公司提供的价格可能因车型、车况、服务质量和保险等因素而异。在选择租车公司时，需要对比不同公司的价格和性价比，选择最符合自己预算的租车公司。
                      服务和信誉。租车公司的服务和信誉也是需要考虑的因素。好的租车公司应该提供全方位的服务，包括取车、还车、维修、保养等。同时，需要注意租车公司的信誉，可以通过网上评价、口碑等方面进行了解。
                      便捷性和灵活性。租车公司的便捷性和灵活性也是需要考虑的因素。比如，有些租车公司提供了24小时的客服服务，可以在任何时间解决客户的问题。另外，一些租车公司还提供了异地还车、预定等服务，可以更加灵活地满足客户的需求。
                      综上所述，选择租车公司需要综合考虑以上因素，并且需要选择规模较大、有信誉、服务好的公司。此外，在签订租赁合同前，还需要认真阅读合同条款，了解所有的细节和费用情况。</p>
                  </div>
                  <div class="lxr-item">
                    <h3>个人租车平台哪个正规？</h3>
                    <p>个人租车平台正规的话，由于公司出差的缘故，经常在外租车，凹凸租车比较方便价格也实惠，各大城市都有。</p>
                  </div>
                  <div class="lxr-item">
                    <h3>个人租车平台推荐？</h3>
                    <p>个人租车平台的话，上次用过凹凸租车，租车过程很简单方便，价格合适，用车前后还有检测。</p>
                  </div>
                </div>
              </div>
            </div>
            <div class="lxr-com-aside-panel-wrapper">
              <header>
                <h3>上海租车推荐</h3>
                <a class="lxr-more">更多</a>
              </header>
              <div class="lxr-bd">
                <div class="lxr-com-short-rent-recomm">
                  <div class="lxr-item">
                    <div class="lxr-thumb">
                      <span>1年<!-- -->车龄</span><img src="//carphoto.atzuche.com/pcWebService/imageFile/levante.png"
                                                       alt="玛莎拉蒂 Ghibli 3.0T"></div>
                    <div class="lxr-r"><h3>欧拉 好猫 电动车</h3><span class="lxr-tags">沪A****31<!-- --> | <!-- -->自动挡
                      <!-- --> | <!-- -->电动</span>
                      <div class="lxr-rate"><span class="lxr-star"></span><span class="lxr-star"></span><span
                          class="lxr-star"></span><span
                          class="lxr-star"></span><span class="lxr-star"></span>
                        <p>5<!-- --> 分</p></div>
                      <div class="lxr-price"><strong>211</strong><span>元/天</span></div>
                    </div>
                  </div>
                  <div class="lxr-item">
                    <div class="lxr-thumb">
                      <span>1年<!-- -->车龄</span><img src="//carphoto.atzuche.com/pcWebService/imageFile/fks.jpg"
                                                       alt="福特 福克斯两厢 1.0T">
                    </div>
                    <div class="lxr-r"><h3>阿维塔 11 电动车</h3><span class="lxr-tags">沪A****81<!-- --> | <!-- -->自动挡
                      <!-- --> | <!-- -->电动</span>
                      <div class="lxr-rate"><span class="lxr-star"></span><span class="lxr-star"></span><span
                          class="lxr-star"></span><span
                          class="lxr-star"></span><span class="lxr-star"></span>
                        <p>5<!-- --> 分</p></div>
                      <div class="lxr-price"><strong>482</strong><span>元/天</span></div>
                    </div>
                  </div>
                  <div class="lxr-item">
                    <div class="lxr-thumb"><span>1年<!-- -->车龄</span><img
                        src="//carphoto.atzuche.com/pcWebService/imageFile/1695807869277.jpg" alt="欧拉 好猫 电动车">
                    </div>
                    <div class="lxr-r"><h3>极狐 阿尔法S 电动车</h3><span class="lxr-tags">沪A****23<!-- --> | <!-- -->自动挡
                      <!-- --> | <!-- -->电动</span>
                      <div class="lxr-rate"><span class="lxr-star"></span><span class="lxr-star"></span><span
                          class="lxr-star"></span><span class="lxr-star"></span><span class="lxr-star"></span>
                        <p>5<!-- --> 分</p></div>
                      <div class="lxr-price"><strong>275</strong><span>元/天</span></div>
                    </div>
                  </div>
                  <div class="lxr-item">
                    <div class="lxr-thumb"><span>4-5年<!-- -->车龄</span><img
                        src="//carphoto.atzuche.com/pcWebService/imageFile/1695718416539.jpg"
                        alt="极狐 阿尔法S 电动车"></div>
                    <div class="lxr-r"><h3>奔驰 威霆 2.0T</h3><span class="lxr-tags">沪B***Q2<!-- --> | <!-- -->自动挡
                      <!-- --> | <!-- -->2.0T</span>
                      <div class="lxr-rate"><span class="lxr-star"></span><span class="lxr-star"></span><span
                          class="lxr-star"></span><span class="lxr-star"></span><span class="lxr-star"></span>
                        <p>5<!-- --> 分</p>
                      </div>
                      <div class="lxr-price"><strong>264</strong><span>元/天</span></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </aside>
          <div class="lxr-mainbody">
            <div class="lxr-header">
              <h1>上海租车价格及评价</h1>
              <div class="lxr-router"><a href="/">首页</a><span>·</span>
                <a href="https://www.atzuche.com/city">全国租车</a><span>·</span><a>上海<!-- --> 租车</a>
              </div>
              <!-- ::after -->
            </div>
            <div class="lxr-banner">
              <a href="https://www.atzuche.com/signup?utm_source=seocity&amp;utm_medium=seocity&amp;utm_campaign=seocity&amp;utm_term=aa84ec947f0a72b161a8d27598eda21e"
                 target="_blank"><img src="https://www.atzuche.com/static/media/banner.971329e4.png"/></a>
            </div>
            <div class="lxr-carlist">
              <div class="lxr-com-short-rent-caritem">
                <div class="lxr-thumb"><span>1年<!-- -->车龄</span><img
                    src="//carphoto.atzuche.com/pcWebService/imageFile/1695807869277.jpg" alt="欧拉 好猫 电动车"></div>
                <div class="lxr-data">
                  <header><h2>欧拉 好猫 电动车</h2>
                    <div class="lxr-price">￥<strong>211</strong>/天</div>
                  </header>
                  <p class="lxr-info">沪A****31<!-- --> | <!-- -->自动挡<!-- --> |<!-- --> <!-- -->电动</p>
                  <div class="lxr-rate"><span class="lxr-star"></span><span class="lxr-star"></span><span
                      class="lxr-star"></span><span
                      class="lxr-star"></span><span class="lxr-star"></span>
                    <p>5<!-- --> 分</p></div>
                  <div class="lxr-tags"><p class="lxr-tag">新车保证</p>
                    <p class="lxr-tag">信用双免</p></div>
                  <div class="lxr-msglist">
                    <div class="lxr-msg">日常代步超级好用，租了几天使用感受很好</div>
                    <div class="lxr-msg">这个车都有，凹凸平台还是不错的，车型多，还免押了，租了两天带女朋友出去玩。</div>
                  </div>
                  <button class="lxr-booking">立即预定</button>
                </div>
              </div>
              <div class="lxr-com-short-rent-caritem">
                <div class="lxr-thumb"><span>1年<!-- -->车龄</span><img
                    src="//carphoto.atzuche.com/pcWebService/imageFile/1695807869277.jpg" alt="欧拉 好猫 电动车"></div>
                <div class="lxr-data">
                  <header><h2>欧拉 好猫 电动车</h2>
                    <div class="lxr-price">￥<strong>211</strong>/天</div>
                  </header>
                  <p class="lxr-info">沪A****31<!-- --> | <!-- -->自动挡<!-- --> |<!-- --> <!-- -->电动</p>
                  <div class="lxr-rate"><span class="lxr-star"></span><span class="lxr-star"></span><span
                      class="lxr-star"></span><span
                      class="lxr-star"></span><span class="lxr-star"></span>
                    <p>5<!-- --> 分</p></div>
                  <div class="lxr-tags"><p class="lxr-tag">新车保证</p>
                    <p class="lxr-tag">信用双免</p></div>
                  <div class="lxr-msglist">
                    <div class="lxr-msg">日常代步超级好用，租了几天使用感受很好</div>
                    <div class="lxr-msg">这个车都有，凹凸平台还是不错的，车型多，还免押了，租了两天带女朋友出去玩。</div>
                  </div>
                  <button class="lxr-booking">立即预定</button>
                </div>
              </div>
              <div class="lxr-com-short-rent-caritem">
                <div class="lxr-thumb"><span>1年<!-- -->车龄</span><img
                    src="//carphoto.atzuche.com/pcWebService/imageFile/1695807869277.jpg" alt="欧拉 好猫 电动车"></div>
                <div class="lxr-data">
                  <header><h2>欧拉 好猫 电动车</h2>
                    <div class="lxr-price">￥<strong>211</strong>/天</div>
                  </header>
                  <p class="lxr-info">沪A****31<!-- --> | <!-- -->自动挡<!-- --> |<!-- --> <!-- -->电动</p>
                  <div class="lxr-rate"><span class="lxr-star"></span><span class="lxr-star"></span><span
                      class="lxr-star"></span><span
                      class="lxr-star"></span><span class="lxr-star"></span>
                    <p>5<!-- --> 分</p></div>
                  <div class="lxr-tags"><p class="lxr-tag">新车保证</p>
                    <p class="lxr-tag">信用双免</p></div>
                  <div class="lxr-msglist">
                    <div class="lxr-msg">日常代步超级好用，租了几天使用感受很好</div>
                    <div class="lxr-msg">这个车都有，凹凸平台还是不错的，车型多，还免押了，租了两天带女朋友出去玩。</div>
                  </div>
                  <button class="lxr-booking">立即预定</button>
                </div>
              </div>
              <div class="lxr-com-short-rent-caritem">
                <div class="lxr-thumb"><span>1年<!-- -->车龄</span><img
                    src="//carphoto.atzuche.com/pcWebService/imageFile/1695807869277.jpg" alt="欧拉 好猫 电动车"></div>
                <div class="lxr-data">
                  <header><h2>欧拉 好猫 电动车</h2>
                    <div class="lxr-price">￥<strong>211</strong>/天</div>
                  </header>
                  <p class="lxr-info">沪A****31<!-- --> | <!-- -->自动挡<!-- --> |<!-- --> <!-- -->电动</p>
                  <div class="lxr-rate"><span class="lxr-star"></span><span class="lxr-star"></span><span
                      class="lxr-star"></span><span
                      class="lxr-star"></span><span class="lxr-star"></span>
                    <p>5<!-- --> 分</p></div>
                  <div class="lxr-tags"><p class="lxr-tag">新车保证</p>
                    <p class="lxr-tag">信用双免</p></div>
                  <div class="lxr-msglist">
                    <div class="lxr-msg">日常代步超级好用，租了几天使用感受很好</div>
                    <div class="lxr-msg">这个车都有，凹凸平台还是不错的，车型多，还免押了，租了两天带女朋友出去玩。</div>
                  </div>
                  <button class="lxr-booking">立即预定</button>
                </div>
              </div>
              <div class="lxr-com-short-rent-caritem">
                <div class="lxr-thumb"><span>1年<!-- -->车龄</span><img
                    src="//carphoto.atzuche.com/pcWebService/imageFile/1695807869277.jpg" alt="欧拉 好猫 电动车"></div>
                <div class="lxr-data">
                  <header><h2>欧拉 好猫 电动车</h2>
                    <div class="lxr-price">￥<strong>211</strong>/天</div>
                  </header>
                  <p class="lxr-info">沪A****31<!-- --> | <!-- -->自动挡<!-- --> |<!-- --> <!-- -->电动</p>
                  <div class="lxr-rate"><span class="lxr-star"></span><span class="lxr-star"></span><span
                      class="lxr-star"></span><span
                      class="lxr-star"></span><span class="lxr-star"></span>
                    <p>5<!-- --> 分</p></div>
                  <div class="lxr-tags"><p class="lxr-tag">新车保证</p>
                    <p class="lxr-tag">信用双免</p></div>
                  <div class="lxr-msglist">
                    <div class="lxr-msg">日常代步超级好用，租了几天使用感受很好</div>
                    <div class="lxr-msg">这个车都有，凹凸平台还是不错的，车型多，还免押了，租了两天带女朋友出去玩。</div>
                  </div>
                  <button class="lxr-booking">立即预定</button>
                </div>
              </div>
              <div class="lxr-com-short-rent-caritem">
                <div class="lxr-thumb"><span>1年<!-- -->车龄</span><img
                    src="//carphoto.atzuche.com/pcWebService/imageFile/1695807869277.jpg" alt="欧拉 好猫 电动车"></div>
                <div class="lxr-data">
                  <header><h2>欧拉 好猫 电动车</h2>
                    <div class="lxr-price">￥<strong>211</strong>/天</div>
                  </header>
                  <p class="lxr-info">沪A****31<!-- --> | <!-- -->自动挡<!-- --> |<!-- --> <!-- -->电动</p>
                  <div class="lxr-rate"><span class="lxr-star"></span><span class="lxr-star"></span><span
                      class="lxr-star"></span><span
                      class="lxr-star"></span><span class="lxr-star"></span>
                    <p>5<!-- --> 分</p></div>
                  <div class="lxr-tags"><p class="lxr-tag">新车保证</p>
                    <p class="lxr-tag">信用双免</p></div>
                  <div class="lxr-msglist">
                    <div class="lxr-msg">日常代步超级好用，租了几天使用感受很好</div>
                    <div class="lxr-msg">这个车都有，凹凸平台还是不错的，车型多，还免押了，租了两天带女朋友出去玩。</div>
                  </div>
                  <button class="lxr-booking">立即预定</button>
                </div>
              </div>
              <div class="lxr-com-short-rent-caritem">
                <div class="lxr-thumb"><span>1年<!-- -->车龄</span><img
                    src="//carphoto.atzuche.com/pcWebService/imageFile/1695807869277.jpg" alt="欧拉 好猫 电动车"></div>
                <div class="lxr-data">
                  <header><h2>欧拉 好猫 电动车</h2>
                    <div class="lxr-price">￥<strong>211</strong>/天</div>
                  </header>
                  <p class="lxr-info">沪A****31<!-- --> | <!-- -->自动挡<!-- --> |<!-- --> <!-- -->电动</p>
                  <div class="lxr-rate"><span class="lxr-star"></span><span class="lxr-star"></span><span
                      class="lxr-star"></span><span
                      class="lxr-star"></span><span class="lxr-star"></span>
                    <p>5<!-- --> 分</p></div>
                  <div class="lxr-tags"><p class="lxr-tag">新车保证</p>
                    <p class="lxr-tag">信用双免</p></div>
                  <div class="lxr-msglist">
                    <div class="lxr-msg">日常代步超级好用，租了几天使用感受很好</div>
                    <div class="lxr-msg">这个车都有，凹凸平台还是不错的，车型多，还免押了，租了两天带女朋友出去玩。</div>
                  </div>
                  <button class="lxr-booking">立即预定</button>
                </div>
              </div>
              <div class="lxr-com-short-rent-caritem">
                <div class="lxr-thumb"><span>1年<!-- -->车龄</span><img
                    src="//carphoto.atzuche.com/pcWebService/imageFile/1695807869277.jpg" alt="欧拉 好猫 电动车"></div>
                <div class="lxr-data">
                  <header><h2>欧拉 好猫 电动车</h2>
                    <div class="lxr-price">￥<strong>211</strong>/天</div>
                  </header>
                  <p class="lxr-info">沪A****31<!-- --> | <!-- -->自动挡<!-- --> |<!-- --> <!-- -->电动</p>
                  <div class="lxr-rate"><span class="lxr-star"></span><span class="lxr-star"></span><span
                      class="lxr-star"></span><span
                      class="lxr-star"></span><span class="lxr-star"></span>
                    <p>5<!-- --> 分</p></div>
                  <div class="lxr-tags"><p class="lxr-tag">新车保证</p>
                    <p class="lxr-tag">信用双免</p></div>
                  <div class="lxr-msglist">
                    <div class="lxr-msg">日常代步超级好用，租了几天使用感受很好</div>
                    <div class="lxr-msg">这个车都有，凹凸平台还是不错的，车型多，还免押了，租了两天带女朋友出去玩。</div>
                  </div>
                  <button class="lxr-booking">立即预定</button>
                </div>
              </div>
              <div class="lxr-com-short-rent-caritem">
                <div class="lxr-thumb"><span>1年<!-- -->车龄</span><img
                    src="//carphoto.atzuche.com/pcWebService/imageFile/1695807869277.jpg" alt="欧拉 好猫 电动车"></div>
                <div class="lxr-data">
                  <header><h2>欧拉 好猫 电动车</h2>
                    <div class="lxr-price">￥<strong>211</strong>/天</div>
                  </header>
                  <p class="lxr-info">沪A****31<!-- --> | <!-- -->自动挡<!-- --> |<!-- --> <!-- -->电动</p>
                  <div class="lxr-rate"><span class="lxr-star"></span><span class="lxr-star"></span><span
                      class="lxr-star"></span><span
                      class="lxr-star"></span><span class="lxr-star"></span>
                    <p>5<!-- --> 分</p></div>
                  <div class="lxr-tags"><p class="lxr-tag">新车保证</p>
                    <p class="lxr-tag">信用双免</p></div>
                  <div class="lxr-msglist">
                    <div class="lxr-msg">日常代步超级好用，租了几天使用感受很好</div>
                    <div class="lxr-msg">这个车都有，凹凸平台还是不错的，车型多，还免押了，租了两天带女朋友出去玩。</div>
                  </div>
                  <button class="lxr-booking">立即预定</button>
                </div>
              </div>
              <div class="lxr-com-short-rent-caritem">
                <div class="lxr-thumb"><span>1年<!-- -->车龄</span><img
                    src="//carphoto.atzuche.com/pcWebService/imageFile/1695807869277.jpg" alt="欧拉 好猫 电动车"></div>
                <div class="lxr-data">
                  <header><h2>欧拉 好猫 电动车</h2>
                    <div class="lxr-price">￥<strong>211</strong>/天</div>
                  </header>
                  <p class="lxr-info">沪A****31<!-- --> | <!-- -->自动挡<!-- --> |<!-- --> <!-- -->电动</p>
                  <div class="lxr-rate"><span class="lxr-star"></span><span class="lxr-star"></span><span
                      class="lxr-star"></span><span
                      class="lxr-star"></span><span class="lxr-star"></span>
                    <p>5<!-- --> 分</p></div>
                  <div class="lxr-tags"><p class="lxr-tag">新车保证</p>
                    <p class="lxr-tag">信用双免</p></div>
                  <div class="lxr-msglist">
                    <div class="lxr-msg">日常代步超级好用，租了几天使用感受很好</div>
                    <div class="lxr-msg">这个车都有，凹凸平台还是不错的，车型多，还免押了，租了两天带女朋友出去玩。</div>
                  </div>
                  <button class="lxr-booking">立即预定</button>
                </div>
              </div>
            </div>
            <div class="lxr-pagination">
              <el-pagination background layout="prev, pager, next" :total="1000" style="justify-content:center" />
            </div>
          </div>
        </div>
      </div>

</template>


<script setup>

</script>

<style scoped>
.lxr-page-short-rent {
  min-width: 1024px;
  background-color: #f4f7f9;
  color: #3c3c5a;
  padding: 24px 0;
}

.lxr-page-short-rent>.lxr-content {
  display: -ms-flexbox;
  display: flex;
}

.lxr-main {
  width: 1024px;
  margin: 0 auto;
}

.lxr-page-short-rent .lxr-page-aside {
  width: 320px;
  margin-right: 16px;
}

.lxr-com-aside-panel-wrapper {
  display: block;
  border-radius: 10px;
  background: #fff;
  margin-bottom: 16px;
  position: relative;
}

.lxr-com-aside-panel-wrapper > header {
  background-image: linear-gradient(180deg, rgba(75, 255, 213, .1), #fff);
  padding: 15px 20px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.lxr-com-aside-panel-wrapper > header h3 {
  display: block;
  width: 100%;
  height: 27px;
  font-size: 18px;
  color: #3c3c5a;
  flex: 1 1;
  margin: 0;
}

.lxr-com-aside-panel-wrapper > .lxr-bd {
  padding: 0 20px 15px;
}

.lxr-com-short-rent-filter > header {
  display: flex;
  align-items: center;
  padding: 10px 0;
  position: relative;
}

.lxr-com-short-rent-filter > header h4 {
  flex: 1 1;
  display: block;
  font-size: 13px;
  font-weight: 400;
  margin: 0;
}

.lxr-com-short-rent-filter > header a {
  color: #00cf97;
  font-size: 12px;
  display: block;
  background-image: url();
  background-repeat: no-repeat;
  background-position: 100%;
  background-size: auto 8px;
  padding-right: 12px;
  cursor: pointer;
}

.lxr-com-short-rent-filter .lxr-list {
  display: flex;
  flex-wrap: wrap;
  margin-right: -8px;
  margin-bottom: 8px;
}

.lxr-com-short-rent-filter .lxr-list .lxr-item {
  display: block;
  padding: 4px 6px 4px 0;
}


.lxr-com-short-rent-filter .lxr-list a {
  border: 1px solid rgba(60, 60, 90, .1);
  width: 64px;
  height: 32px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  cursor: pointer;
}

.lxr-com-aside-panel-wrapper > header .lxr-more {
  display: block;
  font-size: 12px;
  color: #00cf97;
  background-image: url();
  background-repeat: no-repeat;
  background-position: 100%;
  background-size: auto 8px;
  padding-right: 12px;
  cursor: pointer;
  width: 30px;
}

.lxr-com-short-rent-news .lxr-news-item {
  display: flex;
  color: rgba(60, 60, 90, .6);
  font-size: 12px;
  margin-bottom: 15px;
  background: url() 0 no-repeat;
  background-size: 4px auto;
  padding-left: 10px;
}

.lxr-com-short-rent-news .lxr-news-item .lxr-p {
  overflow: hidden;
  white-space: nowrap;
  max-width: 80%;
}

.lxr-com-short-rent-news .lxr-news-item .lxr-dot {
  display: block;
  width: 100%;
  flex: 1 1;
  background: url() 0 repeat-x;
  background-size: 4px auto;
  margin: 0 10px;
}

.lxr-com-short-rent-qa .lxr-item {
  margin-bottom: 15px;
}

.lxr-com-short-rent-qa .lxr-item h3 {
  font-size: 13px;
  font-weight: 400;
  background: url() 0 no-repeat;
  background-size: 16px 16px;
  padding-left: 24px;
  margin-top: 0;
  margin-bottom: 8px;
}

.lxr-com-short-rent-qa .lxr-item p {
  font-size: 12px;
  margin: 0;
  display: -webkit-box;
  overflow: hidden;
  background: url() 0 0 no-repeat;
  background-size: 16px 16px;
  padding-left: 24px;
  color: rgba(60, 60, 90, .6);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}


.lxr-com-short-rent-recomm .lxr-item {
  display: flex;
  margin-bottom: 10px;
}

.lxr-com-short-rent-recomm .lxr-item .lxr-thumb {
  margin-right: 10px;
  position: relative;
  width: 128px;
  height: 90px;
  overflow: hidden;
  border-radius: 5px;
}


.lxr-com-short-rent-recomm .lxr-item .lxr-thumb span {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 12px;
  color: #fff;
  padding: 0 5px;
  background: linear-gradient(90deg, rgba(0, 0, 0, .7) 29.17%, transparent);
}

.lxr-com-short-rent-recomm .lxr-item .lxr-thumb img {
  display: block;
  width: 128px;
  height: 90px;
  border-radius: 5px;
}


.lxr-com-short-rent-recomm .lxr-item .lxr-r {
  flex: 1 1;
  overflow: hidden;
}

.lxr-com-short-rent-recomm .lxr-item .lxr-r h3 {
  font-size: 14px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin: 0;
}

.lxr-com-short-rent-recomm .lxr-item .lxr-r .lxr-tags {
  font-size: 12px;
  color: #3c3c5a;
  opacity: .6;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin: 0;
}


.lxr-com-short-rent-recomm .lxr-item .lxr-r .lxr-rate {
  display: flex;
  align-items: center;
}

.lxr-com-short-rent-recomm .lxr-item .lxr-r .lxr-rate span {
  display: block;
  background-image: url();
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  width: 13px;
  height: 13px;
  margin-top: -4px;
  margin-right: 3px;
}

.lxr-com-short-rent-recomm .lxr-item .lxr-r .lxr-rate p {
  display: block;
  font-size: 12px;
  color: rgba(60, 60, 90, .8);
  margin: 0;
}

.lxr-com-short-rent-recomm .lxr-item .lxr-price {
  display: flex;
  font-size: 12px;
  align-items: baseline;
}

.lxr-com-short-rent-recomm .lxr-item .lxr-price strong {
  display: block;
  font-size: 15px;
  font-weight: 400;
}

.lxr-mainbody > .lxr-header::after {
  content: "";
  display: block;
  position: absolute;
  left: 20px;
  bottom: 0;
  width: 20px;
  height: 3px;
  border-radius: 2px;
  background-color: #00cf97;
}

.lxr-page-short-rent .lxr-mainbody > .lxr-header h1 {
  display: block;
  color: #3c3c5a;
  font-size: 18px;
  flex: 1 1;
}

.lxr-mainbody > .lxr-header .lxr-router {
  display: flex;
  align-items: center;
  color: #3c3c5a;
  opacity: .6;
}


.lxr-page-short-rent .lxr-mainbody > .lxr-banner img {
  display: block;
  width: 100%;
  border-radius: 10px;
}

.lxr-page-short-rent .lxr-mainbody {
  flex: 1 1;
}


.lxr-page-short-rent .lxr-mainbody>.lxr-header {
  display: flex;
  background: #fff;
  margin-bottom: 16px;
  border-radius: 10px;
  padding: 0 20px;
  height: 56px;
  position: relative;
  align-items: center;
}

.lxr-page-short-rent .lxr-mainbody > .lxr-header .lxr-router a, .lxr-page-short-rent .lxr-mainbody > .lxr-header .lxr-router p {
  display: block;
  font-size: 12px;
}

.lxr-page-short-rent .lxr-mainbody > .lxr-header .lxr-router span {
  display: block;
  padding: 0 5px;
}

.lxr-mainbody .lxr-carlist {
  padding-bottom: 10px;
}

.lxr-com-short-rent-caritem {
  background-color: #fff;
  border-radius: 10px;
  padding: 16px;
  margin-bottom: 8px;
  display: flex;
}

.lxr-com-short-rent-caritem .lxr-thumb {
  display: block;
  width: 190px;
  height: 156px;
  border-radius: 6px;
  background-color: #fafafa;
  margin-right: 16px;
  overflow: hidden;
  position: relative;
}

.lxr-com-short-rent-caritem .lxr-thumb span {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 12px;
  color: #fff;
  padding: 0 5px;
  background: linear-gradient(90deg, rgba(0, 0, 0, .7) 29.17%, transparent);
}

.lxr-com-short-rent-caritem .lxr-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lxr-com-short-rent-caritem .lxr-data {
  flex: 1 1;
  position: relative;
}

.lxr-com-short-rent-caritem .lxr-data header {
  display: flex;
}

.lxr-com-short-rent-caritem .lxr-data header h2 {
  flex: 1 1;
  margin: 0;
}

.lxr-com-short-rent-caritem .lxr-data header .lxr-price {
  display: flex;
  font-size: 12px;
  align-items: baseline;
}

.lxr-com-short-rent-caritem .lxr-data header .lxr-price strong {
  display: block;
  font-size: 20px;
  font-weight: 700;
}

.lxr-com-short-rent-caritem .lxr-data .lxr-info {
  display: block;
  font-size: 12px;
  color: rgba(60, 60, 90, .6);
  margin-top: 0;
  margin-bottom: 2px;
}


.lxr-com-short-rent-caritem .lxr-data .lxr-rate {
  display: flex;
  width: 450px;
  height: 18px;
  align-items: center;
  margin-bottom: 4px;
}

.lxr-com-short-rent-caritem .lxr-data .lxr-rate span {
  display: block;
  background-image: url();
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  width: 13px;
  height: 13px;
  margin-top: -4px;
  margin-right: 3px;
}

.lxr-com-short-rent-caritem .lxr-data .lxr-rate p {
  display: block;
  font-size: 12px;
  color: rgba(60, 60, 90, .8);
  margin: 0;
}

.lxr-com-short-rent-caritem .lxr-data .lxr-tags {
  display: flex;
  margin-bottom: 6px;
}

.lxr-com-short-rent-caritem .lxr-data .lxr-tags .lxr-tag {
  display: block;
  border: 1px solid rgba(191, 120, 44, .2);
  color: #bf782c;
  margin-top: 0;
  margin-right: 4px;
  margin-bottom: 0;
  border-radius: 4px;
  padding: 2px 4px;
  line-height: 1;
  font-size: 12px;
}


.lxr-com-short-rent-caritem .lxr-data .lxr-msglist {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.lxr-com-short-rent-caritem .lxr-data .lxr-msglist .lxr-msg {
  background-color: rgba(44, 155, 142, .05);
  border-radius: 50px;
  margin-bottom: 4px;
  padding: 4px 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 340px;
  font-size: 12px;
  color: #2c9b8e;
}

.lxr-com-short-rent-caritem .lxr-data .lxr-booking {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 88px;
  height: 32px;
  background-color: #00cf97;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  border-radius: 44px;
  cursor: pointer;
}

button {
  background-color: #fff;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
}

a, a:hover {
  color: #666;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  text-decoration: none;
}
</style>

<style>
.lxr-pagination .el-pagination.is-background .btn-next.is-active,
.lxr-pagination .el-pagination.is-background .btn-prev.is-active,
.lxr-pagination .el-pagination.is-background .el-pager li.is-active {
  background-color: #00bc93;
}
</style>
